<template>
    <div class="desc">
        <h3>{{ info.abstractMsg}}</h3>
        <div v-for="(item,i) in info.pictureDetailsUrl" :key="i">
            <img :src="'http://'+item" alt="">
        </div>
        <div v-html="info.description"></div>

    </div>
</template>

<script>
    import {
        Toast
    } from 'mint-ui'
    export default {
        data() {
            return {
                info: {},
                id: this.$route.params.id,
            }
        },
        created() {
            this.getDoodDesc();
        },
        methods: {
            getDoodDesc() {
                this.$http.get("front/goods/" + this.id + "/picAndDesc").then(result => {
                    if (result.body.code === 1) {
                        this.info = result.body.data
                    } else {
                        Toast('与服务器断开连接')
                    }
                })
            }
        },
    }
</script>

<style lang="scss" scoped>
    .desc {
        padding: 4px;

        h3 {
            font-size: 16px;
            color: #226aff;
            text-align: center;
            margin: 15px 0;
        }

        img {
            width: 100%;
            padding: 5px;
        }

        ol,
        ul {
            list-style: circle;
        }
    }
</style>